<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/art.css">
</head>

<body>
  <header>
    <h1>
      <?php echo $data['nick'];?>的Blog
    </h1>
    <h4>乘风行,无惧</h4>
  </header>
  <nav>
    <ul>
      <li><a href="">导航1</a></li>
      <li><a href="">导航2</a></li>
      <li>
        <a href="">导航3</a>
      </li>
      <li><a href="">导航4</a></li>
    </ul>
  </nav>
  <div id="main">
    <div id="lside">
      <!-- <?php foreach ($data as $k => $v) {?> -->
      <article>
        <h2><a href="#">
            <?php echo $data['title'];?>
          </a></h2>
        <div class="entry_header">
          <time>
            <?php echo date('Y-m-d', $data['pubtime']) ;?>
          </time>
          by
          <a href="#">
            <?php echo $data['nick'];?>
          </a>
          <a class="catlink" href="#">
            <?php echo $data['catname'];?>
          </a>
          <a class="comment" href="#">
            <?php echo $data['comm'];?>条评论
          </a>
        </div>
        <div class="entry_content">
          <p>
            <?php echo $data['content'];?>
          </p>
        </div>
      </article>
      <!-- <?php }?> -->
      <div id="comments">
        <ol>
          <li>
            <img src="https://secure.gravatar.com/avatar/582b66ad5ae1b69c7601a990cb9a661a?s=50&d=identicon&r=pg" alt="">
            <cite><a href="#">钻石王老五</a></cite> <br>
            <time>2015年8月4日 20时31分</time>
          </li>
          <li>
            十八哥的文章写的好啊
          </li>
        </ol>
        <ol>
          <li>
            <img src="https://secure.gravatar.com/avatar/582b66ad5ae1b69c7601a990cb9a661a?s=50&d=identicon&r=pg" alt="">
            <cite><a href="#">钻石王老五</a></cite> <br>
            <time>2015年8月4日 20时31分</time>
          </li>
          <li>
            十八哥的文章写的好啊
          </li>
        </ol>
        <ol>
          <li>
            <img src="https://secure.gravatar.com/avatar/582b66ad5ae1b69c7601a990cb9a661a?s=50&d=identicon&r=pg" alt="">
            <cite><a href="#">钻石王老五</a></cite> <br>
            <time>2015年8月4日 20时31分</time>
          </li>
          <li>
            十八哥的文章写的好啊
          </li>
        </ol>
      </div>
      <div id="respond" class="comment-respond">
        <h3>Leave a Comment</h3>
        <form action="#" method="post">
          <p>
            <input placeholder="your name" name="username" type="text" value="" size="30">
          </p>
          <p>
            <input placeholder="Email" name="email" type="text" value="" size="30">
          </p>
          <p>
            <textarea name="comment" cols="45" rows="8" aria-required="true"></textarea>
          <p>
            <input type="submit" value="Post Comment">
          </p>
        </form>
      </div>
    </div>
    <div id="rside">
      <aside>
        <form action="">
          <input type="text" name="search" placeholder="Search...">
        </form>
      </aside>
      <aside>
        <h4>文章分类</h4>
        <?php foreach ($dataC as $k => $v) {?>
        <ul>
          <li><a href="index.php?cat_id=<?php echo  $v['cat_id'];?>">
              <?php echo  $v['catname'];?>
            </a>&nbsp;(
            <?php echo $v['num'];?>)
          </li>
          <!-- <li><a href="">文章标题</a>&nbsp;(3)</li>
          <li><a href="">文章标题</a>&nbsp;(5)</li>
          <li><a href="">文章标题</a>&nbsp;(3)</li> -->
        </ul>
        <?php }?>
      </aside>
      <!-- <aside>
        <h4>测试标题</h4>
        <ul>
          <li><a href="">文章标题1</a></li>
          <li><a href="">文章标题2</a></li>
          <li><a href="">文章标题3</a></li>
          <li><a href="">文章标题4</a></li>
        </ul>
      </aside>
      <aside>
        <h4>测试标题</h4>
        <ul>
          <li><a href="">文章标题1</a></li>
          <li><a href="">文章标题2</a></li>
          <li><a href="">文章标题3</a></li>
          <li><a href="">文章标题4</a></li>
        </ul>
      </aside>
      <aside>
        <h4>测试标题</h4>
        <ul>
          <li><a href="">文章标题1</a></li>
          <li><a href="">文章标题2</a></li>
          <li><a href="">文章标题3</a></li>
          <li><a href="">文章标题4</a></li>
        </ul>
      </aside> -->
    </div>
  </div>
  <footer>
    Copyright &copy; 2020 · GeneratePress · WordPress
  </footer>
</body>

</html>